.app-1 {
	width: 100%;
	height: 450upx;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
	> view {
		&:nth-child(1) {
			display: flex;
			align-items: center;
			padding: 130upx 30upx 30upx;
			> view {
				margin-left: 20upx;
				view {
					margin-bottom: 20upx;
					display: flex;
					align-items: center;
					text {
						&:nth-child(1) {
							font-size: 36upx;
							font-family: PingFang SC;
							font-weight: bold;
							color: #ffffff;
							margin-right: 10upx;
						}
						&:nth-child(2) {
							font-size: 26upx;
							font-family: PingFang SC;
							font-weight: 500;
							color: #ffffff;
							padding: 5upx 20upx;
							border: 1px solid rgba($color: #fff, $alpha: 0.8);
							border-radius: 5px;
							margin-left: 20upx;
						}
					}
				}
				> text {
					padding: 8upx 10upx;

					font-size: 26upx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #ffffff;
					background: rgba($color: #fff, $alpha: 0.2);
					border-radius: 4px;
				}
			}
			image {
				width: 120upx;
				height: 120upx;
				border-radius: 50%;
			}
		}
		&:nth-child(2) {
			height: 150upx;
			background-repeat: no-repeat;
			background-size: 100% 100%;
			position: absolute;
			width: 100%;
			bottom: 0;
			display: flex;
			align-items: center;
			padding: 0 80upx 0 200upx;
			view {
				flex: 1;
				text {
					display: block;
					&:nth-child(1) {
						font-size: 30upx;
						font-family: PingFang SC;
						font-weight: bold;
						color: #e0cca0;
						margin-bottom: 10upx;
					}
					&:nth-child(2) {
						font-size: 24upx;
						font-family: Source Han Sans CN;
						font-weight: 200;
						color: #e0cca0;
					}
				}
			}
			> text {
				font-size: 50upx;
				color: #e0cca0;
			}
		}
	}
}

.app-2 {
	padding:  30upx;
	 navigator {
		display: flex;
		padding: 30upx 0;
		border-bottom: 1px solid #eee;
		view {
			&:nth-child(1) {
				display: flex;
				align-items: center;
				image {
					width: 36upx;
				}
				text {
					margin-left: 30upx;
					font-size: 30upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #333333;
				}
			}
			&:nth-child(2) {
				display: flex;
				align-items: center;
				flex: 1;

				text {
					&:nth-child(1) {
						flex: 1;
						text-align: right;
						font-size: 30upx;
						font-family: Source Han Sans CN;
						font-weight: 300;
						color: #999999;
					}
					&:nth-child(2) {
						color: #999;
						font-size: 48upx;
						margin-left: 10upx;
					}
				}
			}
		}
	}
}

.app-3 {
	padding: 0 30upx 60upx;
	> navigator {
		display: flex;
		padding: 20upx 0;
		view {
			&:nth-child(1) {
				display: flex;
				align-items: center;
				image {
					width: 36upx;
				}
				text {
					margin-left: 30upx;
					font-size: 30upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #333333;
				}
			}
			&:nth-child(2) {
				display: flex;
				align-items: center;
				flex: 1;

				text {
					&:nth-child(1) {
						flex: 1;
						text-align: right;
						font-size: 30upx;
						font-family: Source Han Sans CN;
						font-weight: 300;
						color: #999999;
					}
					&:nth-child(2) {
						color: #999;
						font-size: 48upx;
						margin-left: 10upx;
					}
				}
			}
		}
	}
}